<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../assets/js/vue.js"></script>
    <title>Template</title>
</head>
<body>
    <h1>Template</h1>
    <hr>
    <div id="app">
    	<testcomponent :testbind= "message"
    	testprops='自定义属性' test-props="属性里有-则用驼峰写法代替"></testcomponent>
    </div>


    <script type="text/javascript">
       
        var app=new Vue({
            el:'#app',
            data:{
            	message:'123123'
            },
            components:{
            	"testcomponent":{
            		template:'<div style="color:black">局部组件 {{testprops}} {{testProps}} {{testbind}}</div>',
            		props:['testprops','testProps','testbind']
            	}
            }
        })
	</script>
</body>
</html>